<template>
  <div class="selul">
     <li class="setlement-goods-details-item">
                    <h2 style="  font-size: 15px;font-weight:700;">促销信息</h2>
                    <form action="">
                        <input type="radio" name="rd1" id="" checked>9.27-10.7 会员乐庆国庆欢乐购 (门店急送订单及部分商品除外)<br>
                        <input type="radio" name="rd1" id="">不适用促销优惠
                    </form>
                </li>
                <li class="setlement-goods-details-item2">
                    <h2 class="quan">
                        优惠券
                        <a class="btn" href="#">
                            <span class="coupon-select" data-target="#Modal" data-toggle="modal">兑换</span>
                        </a>
                        <!-- Modal -->
                        <div class="modal fade" id="Modal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
                            <div class="modal-dialog" role="document">
                                <div class="modal-content">
                                    <div class="modal-header">
                                        <button type="button" class="close" data-dismiss="modal"
                                            aria-label="Close"><span aria-hidden="true">&times;</span></button>
                                        <h4 class="modal-title" id="myModalLabel">我的优惠券</h4>
                                    </div>
                                    <div class="modal-body">
                                        <input type="text" name="" id="" class="ctext" value="" placeholder="请输入兑换码" style="width:300px;height:60px;margin-right:50px">
                                        <button type="button" style="width: 150px; height: 40px;" class="change">兑换</button>
                                        <div>
                                            <h3>可使用(<span>0</span>)</h3>
                                        </div>
                                    </div>
                                    <div class="modal-footer">
                                        <button type="button" class="btn btn-default"
                                            data-dismiss="modal">关闭</button>
                                        <button type="button" class="btn btn-primary" data-dismiss="modal">确认</button>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </h2>
                    <div class="sel">
                        <select>

                            <option value="html">暂无优惠券可用</option>

                        </select>
                    </div>

                </li>
  </div>

</template>

<script>
export default {
  name: "OrderCard",
};
</script>

<style >
* {
  margin: 0;
  padding: 0;

    list-style: none;

}
.quan {
  text-align: left;
  margin-left: 20px;
  font-size: 15px;
  font-weight:700;
}
.setlement-goods-details-item {
    margin-left:20px;
    text-align: left;
  border-bottom: 1px solid #ababab;
}

.sel select {
  float: left;
  border-bottom: 1px solid #ababab;
  margin-bottom:15px;
  margin-left:20px;
  width: 200px;
}
</style>